<template>
  <div class="home">
    <div class="flex-container-l">
      <Aside />
    </div>
    <div class="flex-container-r">
      <Header />
      <Main />
      <Footer />
    </div>
  </div>
</template>

<script setup name="Home">
import Aside from "@/components/Aside.vue";
import Header from "@/components/Header.vue";
import Main from "@/components/Main.vue";
import Footer from "@/components/Footer.vue";


</script>
<style scoped lang="scss">
.home {
  display: flex;

  .flex-container-l {
    width: 200px;
  }

  .flex-container-r {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    font-size: 16px;
  }
}
</style>